<template>
 <div class="select_class">
    <header >
        <a @click="$api.goBack()" class="back"></a>
        <span>{{data.header}}</span>
    </header>
    <div class="main">
            <div class="flex">
                        <div class="head">
                            <img  src="http://120.79.138.124:9090/resource/img/2.jpg" />
                        </div>
                        <div class="classroom">
                            <div class="className">{{data.name}}</div>
                        </div>
        </div>     
    </div> 

    <div  v-for="(item,index) in data.showData" :key="index">                
        <div class="main">           
            <div class="flex">
                <div class="classroom">
                    <div class="className">{{item.detailNmae}}</div>
                </div>
            </div>                       
            <div class="flex">
                <div class="desc1">
                {{item.num}}
                </div>
                <div  class="more" @click="more(index)"></div>   
            </div>         
        </div>       
    </div>
     
  </div>

</template>
<script>
    export default {
        props: ["data"],
        methods: {
            more(index) {}
        }
    };
</script>